<template>
	<view class="mypaytepe">
		<view class="top">
			<view class="item">
				<text>选择还款方式</text>
			</view>
			<view class="item">
				<text style="color: #4CD964;">选择销售单还款</text>
			</view>
			<view class="item">
				<view style="color: #4CD964;">直接还款</view>
				<view style="font-size: 24rpx; color: #808080;">按欠款总额进行还款</view>
			</view>
		</view>
		<view class="bottom">
			<view class="item" @tap = "close">
				<text>取消</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"paytype",
		data() {
			return {
				
			};
		},
		methods:{
			close(){
				this.$emit('changepaytypeflag')
			}
		}
	}
</script>

<style lang="scss">
.mypaytepe{
	background-color: #FFFFFF;
	padding-top: 20rpx;
	box-sizing: border-box;
	border-top-right-radius: 20rpx;
	border-top-left-radius: 20rpx;
	.item{
		font-size: 36rpx;
		text-align: center;
		padding: 30rpx;
		border-bottom: 2rpx solid #E4E7ED;
	}
	.top{
		.item{
			&:last-child{
				border-bottom: 24rpx solid #E4E7ED;
			}
		}
	}
	.bottom{
		.item{
			border: 0;
		}
	}
}
</style>
